<style>
.elemtransitionsearch_table1 {
  width: 820px;
}
.elemtransitionsearch_td2 {
  padding: 50px 30px 0 0;
  text-align: right;
}
.elemtransitionsearch_td6 {
  padding: 8px 10px;
  width: 540px;
  border-right:solid 1px #c3d9ff;
  border-left:solid 1px #c3d9ff;
}
.elemtransitionsearch_td1 {
  background-color: #c3d9ff;
  width: 570px;
  font-weight: bold;
}
.elemtransitionsearch_td3 {
  width: 150px;
  height:27px;
  text-align: right;
  font-size: 10ptpx;
  font-weight: bold;
}
.elemtransitionsearch_td4 {
  padding: 0 10px 0 5px;
}
.elemtransitionsearch_td5 {
  width: 33px;
  text-align: center;
}
.elemtransitionsearch_td7 {
  width: 20px;
  text-align: left;
  padding-top: 2px;
}
.elemtransitionsearch_td8 {
  width: 120px;
  text-align: left;
}
.elemtransitionsearch_td9 {
  height: 19px;
  padding: 3px 0 0 10px;
}
.elemtransitionsearch_inputText1 {
  width: 200px;
  height: 18px;
  border: solid 1px #7f9db9;
}
.elemtransitionsearch_inputText2 {
  width: 100px;
  height: 18px;
  border: solid 1px #7f9db9;
}
.elemtransitionsearch_select1 {
  width: 202px;
  height: 22px;
  border: solid 1px #7f9db9;
}
</style>


<div style="width:100%">
  <table class="elemtransitionsearch_table1" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="elemtransitionsearch_td1" colSpan=2>
        <div class="round4"></div>
        <div class="round2"></div>
        <div class="round1"></div>
        <div class="elemtransitionsearch_td9">Search Box</div>
      </td>
    </tr>
    <tr>
      <td class="elemtransitionsearch_td6">
        <table style="width:100%" cellPadding="0" cellSpacing="0">
          <tr>
            <td style="vertical-align:top;">
              <table cellPadding="0" cellSpacing="0">
                <tr>
                  <td class="elemtransitionsearch_td3">Client Name</td>
                  <td class="elemtransitionsearch_td4">
                    <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_search_client_name_text" />
                  </td>
                </tr>
                <tr>
                  <td class="elemtransitionsearch_td3">Nationality</td>
                  <td class="elemtransitionsearch_td4">
                    <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_nationality_select" />
                  </td>
                </tr>
                <tr>
                  <td class="elemtransitionsearch_td3">Phone</td>
                  <td class="elemtransitionsearch_td4">
                    <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_search_phone_text" />
                  </td>
                </tr>
                <tr>
                  <td />
                  <td colSpan="2" style="font-size:9pt;padding:15px 0 0 5px;color:#666666;">(Search for all visa applications)</td>
                </tr>
                <tr>
                  <td class="elemtransitionsearch_td3">Visa Client No.</td>
                  <td class="elemtransitionsearch_td4">
                  <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_search_visa_client_num_text" />
                  </td>
                </tr>
                <tr>
                  <td class="elemtransitionsearch_td3">Visa Application No.</td>
                  <td class="elemtransitionsearch_td4">
                  <input class="elemtransitionsearch_inputText1" id="{{$template|escape:'html'}}_search_visa_app_num_text" />
                  </td>
                </tr>
                <tr>
                  <td />
                  <td colSpan="2" style="font-size:9pt;padding:15px 0 0 5px;color:#666666;">(Search for the latest visa application)</td>
                </tr>
                <tr>
                  <td class="elemtransitionsearch_td3">New Visa's Expiry Date</td>
                  <td class="elemtransitionsearch_td4">
                    <table cellPadding="0" cellSpacing="0">
                      <tr>
                        <td>
                          <input class="elemtransitionsearch_inputText2" id="{{$template|escape:'html'}}_searchDateFrom_text" />
                        </td>
                        <td class="elemtransitionsearch_td5">to</td>
                        <td class="">
                          <input class="elemtransitionsearch_inputText2" id="{{$template|escape:'html'}}_searchDateTo_text" />
                        </td>
                      <tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
            
            <td style="vertical-align:top;">
              <table style="width:100%" cellPadding="0" cellSpacing="0">
                <tr>
                  <td class="elemtransitionsearch_td3">School</td>
                  <td class="elemtransitionsearch_td4">
                    <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_school_select" />
                  </td>
                </tr>
                <tr>
                  <td class="elemtransitionsearch_td3">Staff</td>
                  <td class="elemtransitionsearch_td4">
                    <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_staff_select" />
                  </td>
                </tr>
                <tr>
                  <td class="elemtransitionsearch_td3" style="width:160px;">Refree Person/Sub Agent</td>
                  <td class="elemtransitionsearch_td4">
                    <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_agent_select" />
                  </td>
                </tr>
                <tr>
                  <td />
                  <td colSpan="2" style="font-size:9pt;padding:15px 0 0 5px;color:#666666;visibility:collapse;"> -</td>
                </tr>
                <tr>
                  <td class="elemtransitionsearch_td3">Visa Type</td>
                  <td class="elemtransitionsearch_td4">
                    <select class="elemtransitionsearch_select1" id="{{$template|escape:'html'}}_search_visa_type_select" />
                  </td>
                </tr>
                <tr>
                  <td class="elemtransitionsearch_td3">Submit Date</td>
                  <td class="elemtransitionsearch_td4">
                    <table style="width:100%" cellPadding="0" cellSpacing="0">
                      <tr>
                        <td>
                          <input class="elemtransitionsearch_inputText2" id="{{$template|escape:'html'}}_searchDateFrom_text" />
                        </td>
                        <td class="elemtransitionsearch_td5">to</td>
                        <td class="">
                          <input class="elemtransitionsearch_inputText2" id="{{$template|escape:'html'}}_searchDateTo_text" />
                        </td>
                      <tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td />
                  <td colSpan="2" style="font-size:9pt;padding:15px 0 0 5px;color:#666666;visibility:collapse;"> -</td>
                </tr>
                <tr>
                  <td />
                  <td class="elemtransitionsearch_td2">
                    <input type="button" class="button" value="Search" id="{{$template|escape:'html'}}_search_button" />
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td style="background-color: #c3d9ff">
        <div class="round_btm" ></div>
        <div class="round1"></div>
        <div class="round2"></div>
        <div class="round4"></div>
      </td>
    </tr>
  </table>
</div>